<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="download/font_2234627_uqhcltjple/iconfont.css">
</head>

<body>
    <header>
        <div class="head">
            <h1 class="logo"></h1>
            <ul>
                <li class="first">
                    0535-60652189
                </li>
                <li>
                    <img src="img/love_33.jpg" alt="">
                </li>
                <li>
                    <img src="img/love_55.jpg" alt="">
                </li>
                <li>
                    <img src="img/love_77.jpg" alt="">
                </li>
                <li>
                    <img src="img/love_99.png" alt="">
                </li>
            </ul>
        </div>
    </header>
    <main>
        <ul class="list">
            <li>
                <a href="">
                    <span>HOME</span>
                    <span>网站首页</span>
                </a>
            </li>
            <li>
                <a href="">
                    <span>RESOURSE</span>
                    <span>传悦资源</span>

                </a>
            </li>
            <li>
                <a href="http://10.35.164.246/allPage/list_1.html">
                    <span>CASES</span>
                    <span>传悦案例</span>

                </a>
            </li>
            <li>
                <a href="http://10.35.164.246/allPage/list_2.html">
                    <span> SOLUTION</span>
                    <span>解决方案</span>

                </a>
            </li>
            <li>
                <a href="">
                    <span> SUBMIT</span>
                    <span>需求提交</span>

                </a>
            </li>
        </ul>
        <div class="intro" style="display: block;">
            <h4>
                传悦观点
                <span>VIEWPOINT</span>
                <img src="img/line.png" alt="">
            </h4>
            <ul>
                <li>
                    <img src="img/loimg_03.jpg" alt="">
                </li>
                <li>
                    <h3>传悦上线前的准备工作</h3>
                    <time>08-17</time>
                    <p>创梦网络科技有限责任公司</p>
                </li>
            </ul>
            <!-- <img src="img/sure_07.png" alt="" class="click"> -->
            <span class="iconfont icon-guanbi"></span>
        </div>
    </main>

    <footer>
        <div class="bottom">
            <div class="left">
                <span>Copyright  2013</span>
                <span>创梦网络科技有限责任公司</span>
                <span>||</span>
                <span>传悦 Chnyoo.cn All Rights Reserved</span>
                <span>京ICP备12005221号</span>
            </div>

            <ul class="right">
                <li>关于传悦</li>
                <li>新闻动态</li>
                <li>传悦观点</li>
                <li>联系传悦</li>
                <li>加入传悦</li>
                <li>付款账户</li>
            </ul>
        </div>
    </footer>
</body>

</html>

<script>
    //对获取参数的操作进行一系列封装
    function $(selector) {
        let result = document.querySelectorAll(selector);
        if (result.length === 1) {
            return result[0];
        } else {
            return result;
        }
    }

    $(".icon-guanbi").onclick = function() {
        $(".intro").style.display = "none";
    }
</script>